<div class="get-started-content movable confirm-backup text-center">

    <div class="headline-1 margin-1">
        <span w-i18n="confirmBackup.confirm"></span>
    </div>

    <div class="body-2 basic-500 margin-4 margin-top-1">
        <span w-i18n="confirmBackup.description"></span>
        <a ng-click="$ctrl.next(-1)" w-i18n="confirmBackup.back"></a>
    </div>

    <w-seed-write class="margin-4"
                  ng-class="{'seed-error': $ctrl.seedConfirmWasFilled && !$ctrl.seedIsValid}"
                  on-fulfilled="$ctrl.onSeedConfirmFulfilled(isValid)"
                  on-touch="$ctrl.seedOnTouch()"
                  seed="{{::$ctrl.seed}}"></w-seed-write>

    <div class="body-2 basic-900 margin-05">
        <span w-i18n="confirmBackup.enterCorrect"></span>
    </div>

    <w-seed-read type="random" class="margin-1" seed="{{::$ctrl.seed}}"></w-seed-read>

    <div class="body-2 error-500 margin-1"
         ng-if="$ctrl.seedConfirmWasFilled && !$ctrl.seedIsValid"
         w-i18n="confirmBackup.error"></div>

    <div class="body-2 margin-2"
        ng-if="$ctrl.seedConfirmWasFilled && !$ctrl.seedIsValid">
        <a ng-click="$ctrl.clearSeedConfirm()" w-i18n="confirmBackup.clear"></a>
        <span w-i18n="confirmBackup.tapAgain"></span>
    </div>

    <w-button class="submit big long"
              disabled="!$ctrl.seedIsValid"
              on-click="$ctrl.create()">
        <span w-i18n="confirmBackup.ok"></span>
    </w-button>

    <w-get-started-link has-sign-in="::true" has-import="::true"></w-get-started-link>

</div>
